Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding support for semantic color for icons #1182

Merged
merged 9 commits into from
Oct 24, 2020
Merged

Adding support for semantic color for icons #1182

merged 9 commits into from
Oct 24, 2020

Conversation

LFDanLu
Copy link
Member

@LFDanLu LFDanLu commented Oct 20, 2020

Closes #1159

✅ Pull Request Checklist:

  • Included link to corresponding React Spectrum GitHub Issue.
  • Added/updated unit tests and storybook for this change (for new code or code which already has tests).
  • Filled out test instructions.
  • Updated documentation (if it already exists for this component).
  • Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

@adobe-bot
Copy link

Build successful! 🎉

@LFDanLu LFDanLu changed the title (WIP) Adding support for semantic color for icons Adding support for semantic color for icons Oct 20, 2020
@adobe-bot
Copy link

Build successful! 🎉

@adobe-bot
Copy link

Build successful! 🎉

@@ -10,6 +10,8 @@
* governing permissions and limitations under the License.
*/

// This file is generated by lib/varsToTypeScript.js! DO NOT EDIT.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

generated by running varsToTypeScript, not entirely sure if we wanna keep or not.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

but why wasn't it there previously?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

dunno, removed in this pull: #206. Not sure the reason for its removal, seems innocuous to me (helps others understand where the file came from)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah, i'm definitely in favor of leaving it in if it is truly a generated file

```tsx example
import Alert from '@spectrum-icons/workflow/Alert';

<Alert />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we wrap these in a Flex with a gap so they aren't quite that close together?
Also we should put an aria-label on them, otherwise we'll likely get some warnings

@@ -95,6 +99,8 @@ export type DimensionValue =
| number;

export type ColorValue =
| 'status'
| 'version'
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These seem like parsing issues. I don't think they are real variable names?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ah you are right, I'll update the regex in the script

@adobe-bot
Copy link

Build successful! 🎉

@devongovett devongovett merged commit d6206f7 into main Oct 24, 2020
@devongovett devongovett deleted the issue_1159 branch October 24, 2020 00:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add support for semantic colors to icons
4 participants